<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="fun()">切换主题颜色</button>
</body>
<script>
    /*
        在js中使用string表示字符串对象，通常使用'' 或 ""表示；
        给某一个变量赋值字符串类型的数据时，有两种赋值方式，
            1. 使用'123'或"123"的方式赋值，推荐使用
            2. String('123')方式创建对象
        在js的字符串中，大部分方法都和java String类中的方法一致，
            如concat()方法对字符串进行拼接，trim()方法给有效字符前后进行去空，
            substring()对字符串进行截取子串
     */
    let a = String('     123     ');
    // alert(typeof a);
    console.log(a.trim());
    // 在js中可以使用 /regx/ 表示一个正则表达式对象
    let regx = /^[A-z]$/;
    // match()方法如果匹配不成功，那么返回null
    console.log(a.match(regx));

    // 实现切换主题颜色的效果，随机的
    function fun() {
        // 获取随机数
        let number = Math.random();
        let str = number.toString(16);
        // 截取小数部分的前6位就可以用来当作颜色的配比
        let color = '#' + str.substring(2, 8);
        // 将该颜色设置到body的背景颜色中
        document.querySelector('body')
            .style.backgroundColor = color;
    }
</script>
</html>